<template>
  <div class="">
    <div class="content">
      <div>
        <e-cellbox middle style="height: 280px;">
          <e-cell-item>
            <div class="success-info" v-if="result_code=='3000'">
              <img src="/static/images/login/right.png">
              <p>您已签署成功！</p>
              <a href="javascript:" @click="$router.push({path: '/sponsor/merchants/compact/show/'+contractId})">查看合同</a>
            </div>
            <div class="success-info" v-else>
              <img src="/static/images/login/err.png">
              <p class="red">签署失败！</p>
            </div>
          </e-cell-item>
        </e-cellbox>
      </div>
    </div>
    <div class="success-adv">
      <e-cellbox middle style="height: 230px;">
        <e-cell-item>
          <el-row>
            <el-col :span="10">
              <e-cellbox middle style="height: 75px;" class="left">
                <e-cell-item>
                  <img src="/static/images/sponsor/success_logo_rmty.png"/>
                  <img src="/static/images/sponsor/success_logo_qm.png"/>
                </e-cell-item>
              </e-cellbox> 
            </el-col>
            <el-col :span="14">
              <img src="/static/images/sponsor/success_text.png"/>
            </el-col>
          </el-row>
        </e-cell-item>
      </e-cellbox>
    </div>
  </div>
</template>

<script>
export default {
  data () {
    return {
      contractId: this.$route.query.contractId,
      result_code: this.$route.query.result_code
    }
  },
  created () {
    this.$store.commit('LAYOUT_GRID', false)
  },
  destroyed () {
    this.$store.commit('LAYOUT_GRID', true)
  },
  methods: {
  }
}
</script>
<style lang="scss" scoped>
  
  .success-info{
    text-align: center;
    img{
      width: 80px;
    }
    p{
      color: $color-primary;
      font-size: 24px;
      margin: 50px 0 15px;
      font-weight: bold;
      &.red{
        color: $color-error;
      }
    }
    a{
      color:#3983e5;
      font-size: 14px;
    }
  }
  .success-adv{
    border-top: 30px $color-background solid;
    text-align: center;
    .left{
      border-right: 1px solid #CFCFCF;
      img:first-child{
        margin-right: 60px;
      }
    }
    img{
      max-width: auto;
    }
  }
  
</style>
